<!DOCTYPE html>
<html>
<head>
    <title>日新网 - 行家</title>
    <meta name="keywords" content="日新行家，专栏文章"/>
    <meta name="description" content="日新网—让新生活更近一点，让科技落地更从容一点。旗下拥有创新行业资讯日新网、
            创新专业培训日新研习社、创新企业孵化成长日新商脉三款产品，以住宅、商业地产、
            写字楼等不同业态物业经营的增效减能与增值创新以及服务标准化、
            物业智能化、信息化等策略方向的创新为主要研究内容，共同助力日新网成为物业行业创新风向标。">
    <meta name="author" content="rixin">
    <tc_include file="Public:head"/>
    <style type="text/css">
        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .clearfix {
            zoom: 1;
        }

        .mult_line_ellipsis3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        .mult_line_ellipsis2 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        .mult_line_ellipsis4 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        .ellipsis1 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        * {
            padding: 0;
            margin: 0;
        }

        .focus_view {
            width: 1198px;
            height: 134px;
            background: url("/public/images/img/lbt_bar.png") no-repeat center;
            font-size: 42px;
            text-align: center;
            overflow: hidden;
            margin: 0 auto;
        }

        .focus_view p {
            padding-top: 70px;
            height: 100%;
            margin-top: 15px;
            color: #fff;
        }

        /*行家*/
        /*行家*/
        .expert_main {
            width: 1080px;
            margin: 0 auto;
            margin-top: 20px;

        }

        .expert_item {
            width: 330px;
            height: 200px;
            border: 1px solid #ededed;
            box-shadow: 0px 1px 2px 1px #ededed;
            -moz-box-shadow: 0px 1px 2px 1px #ededed;
            -webkit-box-shadow: 0px 1px 2px 1px #ededed;
            float: left;
            margin: 0 14px 30px;
            overflow: hidden;
            overflow: hidden;
        }

        .expert_item .expert_item_top {
            height: 134px;
        }

        .expert_item_top img {
            width: 124px;
            height: 124px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-top: 10px;
            margin-left: 8px;
            float: left;
        }

        .expert_item_top h3 {
            padding-left: 140px;
            border-bottom: 1px dashed #c5c5c5;
            font-size: 22px;
            color: #000232;
            line-height: 28px;
            margin: 0;
            padding-top: 36px;

        }

        .expert_item_top .nm {
            padding-left: 5px;
            line-height: 16px;
            margin-top: 8px;

        }

        .expert_item_top .nm span {
            max-height: 32px;
            font-size: 14px;
            line-height: 18px !important;
            color: #707070;
        }

        .expert_item_top .nm i {
            color: #333333;
            margin-top: 4px;
            height: 16px;
            display: inline-block;
            width: 100%;
        }

        .expert_item .expert_item_bottom {
            font-size: 16px;
            line-height: 25px;
            color: #707070;
            margin-top: 10px;
            padding: 0 5px;
        }

         /*行家 导航*/

        .professor_nav {
            color: #707070;
            margin-top: 24px;
            padding-left: 102px;
        }

        .professor_nav .th {
            padding-left: 20px;
            font-size: 22px;
            font-weight: bold;
            display: inline-block;
            margin-right: 46px;

        }

        .professor_nav .td {
            font-size: 18px;
            margin-right: 22px;
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari 和 Chrome */
            border-radius: 10px;
            border: solid 1px #707070;
            display: inline-block;
            padding: 6px 12px;
            cursor: pointer;
        }

    </style>
</head>

<body class="body-white">
<tc_include file="Public:nav"/>
<div class="container tc-main" style="width: 1366px;">
    <div class="row">
        <div class="span6" style="width: 1366px;margin-top: -15px;">
            <div class="focus_view" id="focus_view">
                <p>日新行家</p>
            </div>
            <!--<div class="professor_nav">-->
                <!--<span class="th">分类</span>-->
                <!--<span class="td">全部</span>-->
                <!--<span class="td">创始人</span>-->
                <!--<span class="td">企业高管</span>-->
                <!--<span class="td">投资人</span>-->
                <!--<span class="td">专家学者</span>-->
            <!--</div>-->

            <if condition="!empty($pf_list)">

                <div class="professor_main expert_main clearfix" id="professor_wrapper">

                    <volist name="pf_list" id="vo">
                        <div class="expert_item">
                            <a href="{:U('user/index/professor_homepage', array('professor_id' => $vo['user_id']))}">
                                <div class="expert_item_top">
                                    <img src="{:sp_get_user_avatar_url($vo['avatar'])}" alt="作者头像">
                                    <h3>
                                        <span style="display: inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width: 190px;">{$vo.user_nicename|default=$vo['user_login']}</span>
                                    </h3>
                                    <p class="nm">
                                        <span class="mult_line_ellipsis2">{$vo.company}</span>
                                        <i class="ellipsis1" style="font-style: normal;">{$vo.position}</i>
                                    </p>
                                </div>
                                <p class="expert_item_bottom mult_line_ellipsis2">{$vo.signature}</p>
                            </a>
                        </div>
                    </volist>

                </div>
                <div style="width:110px;height: 30px;border-radius: 15px;border: 1px solid #C8161D; color: #C8161D;font-size: 15px;text-align: center;
            line-height: 30px;margin-left: 350px; " class="js-infinite-scroll-loading text-center fontmsyhbd">更多
                </div>
                <div id="nextpage"></div>
            </if>

        </div>
    </div>
</div>

<tc_include file="Public:scripts"/>
<script src="__TMPL__Public/assets/js/masonry.pkgd.min.js"></script>
<script src="__TMPL__Public/assets/js/jquery.infiniteScroll.js"></script>
<script>
    $(document).ready(function () {

        $('#nextpage').infiniteScroll({
            loading: '.js-infinite-scroll-loading',
            total_pages: {$total_pages},
            success: function (content) {
                var $items = $(content).find('#professor_wrapper .expert_item');
                if ($items.length > 0) {
                    $('#professor_wrapper').append($items);
                }
            }
        });
    })
</script>
</body>
</html>